.foot-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: 750rpx;
	background: #fff;
	padding: 20rpx 30rpx;
	z-index: 99;
	text-align: center;
	height: 2vh;
}

.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	
	position: fixed;
	top: 14vw;
	left: 4vw;
	right: 4vw;
	height: 50vh;
	
	font-size: 3.5vw;
	
	border-radius: 3vw;
	background-color: rgba(255, 255, 255, 1.0);
	
	padding: 8vw 2vw 5vw 2vw;
}

.content * {
	flex-wrap: nowrap;
}

.content > .title {
	flex: 1;
	
	font-size: 6vw;
	font-weight: bold;
}
.content .method {
	flex: 1;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	
	width: 100%;
	
	background-image: url("../../static/images/arrow.png");
	background-repeat: no-repeat;
	background-size: 4%;
	background-position: right;
	
	margin-top: 5vw;
}
.content .method .title {
	flex: 1;
	
	text-align: left;
}
.content .method .defaultCard {
	flex: 1;
	
	display: flex;
	flex-direction: row;
	align-items: center;
}
.content .method .defaultCard .icon {
	flex: 1;
	
	height: 3vh;
	
	/* background-image: url("../../static/images/ChinaConstructionBank.png"); */
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: right;
	margin-right: 1vw;
}
.content .method .defaultCard .card {
	flex: 3;
	
	text-align: left;
	margin-right: 3vw;
}
.content .recharge {
	flex: 2;
	
	display: flex;
	flex-direction: column;
	
	width: 100%;
	
	margin-top: 5vw;
}
.content .recharge .title {
	flex: 1;
}
.content .recharge .money {
	flex: 2;
	
	display: flex;
	flex-direction: row;
}
.content .recharge .money .dollor {	
	font-size: 6vw;
	font-weight: bold;
}
.content .recharge .money .num {
	
}
.content .recharge .money .num .text {
	font-size: 10vw;
}
.content .note {
	flex: 1;
	
	width: 100%;
	color: rgba(177, 177, 177, 1.0);
}

.content .enter {
	flex: 1;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	width: 70%;
	
	color: white;
	text-align: center;
	
	border-radius: 2vw;
	
	background-color: rgba(224, 46, 36, 1.0);
	
	margin-top: 5vw;
}

.content .method::before {
	width: 95%;
	height: .1vh;
	content: "";
	
	position: absolute;
	top: 25vw;
	background-color: rgba(232, 232, 232, 1.0);
}
.content .recharge::before {
	width: 95%;
	height: .1vh;
	content: "";
	
	position: absolute;
	top: 38vw;
	background-color: rgba(232, 232, 232, 1.0);
}
.content .note::before {
	width: 95%;
	height: .1vh;
	content: "";
	
	position: absolute;
	top: 65vw;
	background-color: rgba(232, 232, 232, 1.0);
}

.window {
	
}

.window .back {
	position: absolute;
	
	width: 100vw;
	height: 100vh;
	
	background-color: black;
	opacity: .5;
}
.window .content {
	position: absolute;
	/* top: 30vh; */
	left: 8vw;
	right: 8vw;
	
	/* height: 22vh; */
	
	display: flex;
	flex-direction: column;
	
	padding: 3vh 2vw 2vh 2vw;
}
.window .content .head {
	/* flex: 1; */
	position: relative;
	
	width: 100%;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	margin-bottom: 0vh;
}
.window .content .head::after {
	content: "";
	position: absolute;
	bottom: 0;
	
	width: 100%;
	height: .1vh;
	background-color: rgba(230, 230, 230, 1.0);
}
.window .content .head .close {
	position: absolute;
	top: 0vw;
	left: 0vw;
	width: 15%;
	height: 100%;
	background-image: url("../../static/images/close.png");
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center;
}
.window .content .head .title {
	font-size: 4vw;
	text-align: center;
}
.window .content .cards {
	/* flex: 2; */
	width: 74vw;
	
	display: flex;
	flex-direction: column;
}
.window .content .cards .lay {
	flex: 1;
}
.window .content .cards .card:nth-child(n) .in::after{
	content: "";
	position: absolute;
	bottom: 0vh;
	right: 0vw;
	
	width: 90%;
	height: .1vh;
	background-color: rgba(230, 230, 230, 1.0);
}
.window .content .cards .card {
	flex: 1;
	width: 100%;
	height: 100%;
	
	position: relative;
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.window .content .cards .card:nth-child(n) .icon {
	flex: 1;
	height: 4.5vh;
	
	/* background-image: url("../../static/images/ChinaConstructionBank.png"); */
	background-repeat: no-repeat;
	background-size: 65%;
	background-position: center;
}
.window .content .cards .card:nth-child(n) .in{
	flex: 9;
}
.window .content .cards .card:nth-child(n) .choosed{
	position: absolute;
	width: 4.5vh;
	height: 4.5vh;
	
	right: 0;
	
	background-image: url("../../static/images/confirm.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: right;
}

.window .content .addCard {
	/* flex: 1; */
	
	width: 100%;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	background-image: url("../../static/images/arrow.png");
	background-repeat: no-repeat;
	background-size: 6%;
	background-position: right;
}
.window .content .addCard::after {
	content: "";
	position: absolute;
	bottom: 1.5vh;
	
	width: 96%;
	height: .1vh;
	background-color: rgba(230, 230, 230, 1.0);
}
.window .content .addCard .title {
	padding-left: 6vw;
	margin-left: 2vw;
		
	background-image: url("../../static/images/addcard.png");
	background-repeat: no-repeat;
	background-size: 6%;
	background-position: left;
}

page {
  background: #f2f3f7;
}